import Vue from "vue";
import VueRouter from "vue-router";
import HomeView from "../views/HomeView.vue";
import ReadView2 from "../views/ReadView2.vue";
import ReadView3 from "../views/ReadView3.vue";
import ReadView from "../views/ReadView.vue";
import WriteView from "../views/WriteView.vue";
import StyleView from "../views/StyleView.vue";
import StyleView1 from "../views/StyleView1.vue";
import StyleView2 from "../views/StyleView2.vue";
import StyleView3 from "../views/StyleView3.vue";
import StyleView4 from "../views/StyleView4.vue";
import StyleView5 from "../views/StyleView5.vue";
import StyleView6 from "../views/StyleView6.vue";
import StyleView7 from "../views/StyleView7.vue";
import StyleView8 from "../views/StyleView8.vue";
import StyleView9 from "../views/StyleView9.vue";
import Crypto from "../views/CryptoJS.vue";
Vue.use(VueRouter);

const routes = [
  {
    path: "/",
    name: "home",
    component: HomeView,
  },
  {
    path: "/read",
    name: "read",
    component: ReadView,
  },
  {
    path: "/read",
    name: "read",
    component: ReadView,
  },
  {
    path: "/read2",
    name: "read2",
    component: ReadView2,
  },
  {
    path: "/read3",
    name: "read3",
    component: ReadView3,
  },
  {
    path: "/write",
    name: "write",
    component: WriteView,
  },
  {
    path: "/read",
    name: "read",
    component: ReadView,
  },
  {
    path: "/style",
    name: "style",
    component: StyleView,
  },
  {
    path: "/style1",
    name: "style1",
    component: StyleView1,
  },
  {
    path: "/style2",
    name: "style2",
    component: StyleView2,
  },
  {
    path: "/style3",
    name: "style3",
    component: StyleView3,
  },
  {
    path: "/style4",
    name: "style4",
    component: StyleView4,
  },
  {
    path: "/style5",
    name: "style5",
    component: StyleView5,
  },
  {
    path: "/style6",
    name: "style6",
    component: StyleView6,
  },
  {
    path: "/style7",
    name: "style7",
    component: StyleView7,
  },
  {
    path: "/style8",
    name: "style8",
    component: StyleView8,
  },
  {
    path: "/style9",
    name: "style9",
    component: StyleView9,
  },
  {
    path: "/crypto",
    name: "crypto",
    component: Crypto,
  },
  {
    path: "/about",
    name: "about",
    component: () => import("../views/AboutView.vue"),
  },
];

const router = new VueRouter({
  routes,
});

export default router;
